<template>
    <van-search
    shape="round"
    v-model="value"
    placeholder="请输入搜索关键词"
    @search="onSearch"
    @cancel="oncancel"
    ></van-search>
    <HomeSwiper></HomeSwiper>
    <HomeGrid></HomeGrid>
    <Hommeproduct></Hommeproduct>
</template>

<script setup>
import HomeSwiper from '../components/HomeSwiper.vue';
import HomeGrid from '../components/HomeGrid.vue';
import { ref } from 'vue'
import { showToast } from 'vant';

const value = ref('')
const onSearch = val=> showToast(val)
const oncancel = () => showToast('取消')
</script>